<script lang="ts" setup>
import { ref } from 'vue';

import { Page } from '@vben/common-ui';
import { $t } from '@vben/locales';
import { Card, TabPane, Tabs } from 'ant-design-vue';

import { CDN, SEO, Site, User,Footer } from './components';

defineOptions({
  name: 'AdminSettingsite',
});
const activeKey = ref('1');
</script>

<template>
  <Page>
    <Card>
      <Tabs v-model:active-key="activeKey">
        <TabPane key="1" force-render :tab="$t('page.menu.Website Info')">
          <Site />
        </TabPane>
        <TabPane key="5" :tab="$t('page.common.Company Info Settings')">
          <Footer />
        </TabPane>
        <TabPane key="2" :tab="$t('page.common.SEO Settings')">
          <SEO />
        </TabPane>
        <!-- <TabPane key="3" tab="用户注册设置">
          <User />
        </TabPane> -->
        <!-- <TabPane key="4" :tab="$t('page.common.CDN Settings')">
          <CDN />
        </TabPane> -->

      </Tabs>
    </Card>
  </Page>
</template>
